<!--赛事的比赛 -->
<notempty name="races">
    <volist name="races.race" id="lists">
        <div class="match-title padd-b20 padd-t10 relative match-title-color">
            <span class="btn btn-gray active">{$lists.date}</span>
        </div>
        <ul class="item-list  float-ul  match-item-lists">
            <volist name="lists.list" id="race">
                <li>
                    <div class="match-cover break-cover blue-shadow match-hcover">
                        <div class="match-descr">
                            <h3 class="v-align">
                                <i class="icon martch-icon">
                                    <img src="{$race.game.logo}" alt="{$race.game.name}">
                                </i>
                                <span>{$race.match.title}-{$race.title}</span>
                            </h3>
                        </div>
                        <div class="padd-tb10 clear">
                            <div class="corps-name fl">
                                <div class="teem-cover format-cover">
                                    <img class="lazy-img" data-src="{$race.team.0.logo}" alt="{$race.team.0.name}">
                                </div>
                                <p class="btn btn-primary">{$race.team.0.name}</p>
                            </div>
                            <div class="corps-auto fl">
                                <a href="{:U('detail?group_id='.$race['id'])}">
                                <div class="corps-middle">
                                    <span class="match-circle relative">
                                    <div class="match-cir">
                                        <div class="match-pie_left"><div class="match-left"></div></div>
                                        <div class="match-pie_right"><div class="match-right"></div></div>
                                        <div class="match-mask"><span data-per="{:get_percent($race['score'][0],$race['score'][1])}">{$race.score.0}:{$race.score.1}</strong></span></div>
                                    </div>
                                    </span>
                                </div>
                                </a>
                            </div>
                            <div class="corps-name fl">
                                <div class="teem-cover format-cover">
                                     <img class="lazy-img" data-src="{$race.team.1.logo}" alt="{$race.team.1.name}">
                                </div>
                                <p class="btn btn-primary">{$race.team.1.name}</p>
                            </div>
                        </div>
                        <notempty name="race.list">
                            <div class="match-video-item clear relative">
                                <i class="icon-video fl"></i>
                                <ul class="float-ul">
                                    <volist name="race.list" id="video">
                                        <li>
                                            <a href="{:U('detail?race_id='.$video['id'])}" alt="{$video['video_id']}">{$video.round}</a>
                                            <div class="match-trangle"></div>
                                        </li>
                                    </volist>
                                </ul>
                                <div class="match-details-box">
                                    <volist name="race.list" id="vdtitle">
                                        <div class="match-video-details" >
                                            <p>{$vdtitle.title}</p>
                                        </div>
                                    </volist>
                                </div>
                            </div>
                        </notempty>
                    </div>
                </li>
            </volist>
        </ul>
    </volist>
</notempty>